<html>
<head>
<title>Doodle Fly</title>
<link rel="stylesheet" type="text/css" href="css/planetDodge.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript" src=""></script>
<script type="text/javascript"></script>
</head>
<body id="body">
<img src="images/ship.png" id="Ship" style="display:none;">
<img src="images/ship_flame.png" id="Ship_flame" style="display:none;">
<img src="images/images/obs1.png" id="Obs1" style="display:none;">
<img src="images/obs2.png" id="Obs2" style="display:none;">
<img src="images/obs3.png" id="Obs3" style="display:none;">
<img src="images/obs4.png" id="Obs4" style="display:none;">
<img src="images/obs5.png" id="Obs5" style="display:none;">
<img src="images/img.png" id="Sprite" style="display:none;">
<img src="images/earth.png" id="Earth" style="display:none;">
<div class="showScore" id="ScoreBoard"><p id="showScore"></p><p id="showLevel"></p><p id="EarthCount"></p></div>

<canvas id="Canvas" style="display:block;">
</canvas>

<div id="GameOver" style="z-index:10;background:url(grid.png);height:100%;display:none;">
	<div id="top">
		<h1 >Game Over!!</h1>
		<h3></h3>
	</div>
	<div id="result">
		<h1 id="text">Distance Crossed:<a href="#" id="distance" ></a></h1>
		
		<h1 id="text">Score:<a id="Score"></a></h1>
	</div>
	
	<div id="foot">
		<p id="replay">Refresh the page to Replay!<p>
		<a href="start.html" class="btn btn-info btn-large"  style="text-decoration:none;margin-left:47%;">Home</a>
	</div>
</div>

<img src="img.png" id="Sprite" style="display:none;">
</body>
<script type="text/javascript" src="planetDodge.js"></script>
</html>
